@import './base.css';

/*#app {*/
/*  max-width: 1280px;*/
/*  margin: 0 auto;*/
/*  padding: 2rem;*/
/*  font-weight: normal;*/
/*}*/

/*a,*/
/*.green {*/
/*  text-decoration: none;*/
/*  color: hsla(160, 100%, 37%, 1);*/
/*  transition: 0.4s;*/
/*  padding: 3px;*/
/*}*/

/*@media (hover: hover) {*/
/*  a:hover {*/
/*    background-color: hsla(160, 100%, 37%, 0.2);*/
/*  }*/
/*}*/
/*select,textarea,input[type=text] {*/
/*  border: 1px solid rgba(60, 60, 60, .29);*/
/*  border-radius: 4px;*/
/*  padding: .2em .6em;*/
/*  margin-top: 10px;*/
/*  background: transparent;*/
/*  transition: background-color .5s;*/
/*}*/
/*select:focus,input[type=text]:focus,textarea:focus {*/
/*  outline: 1px solid rgb(40, 35, 186);*/
/*}*/

.flex{
  display: flex;
}
.mb-4{
  margin-bottom: 1rem;
}
.gap-4 {
  gap: 1rem;
}

code {
  background: #F5F7FA !important;
}

/*语法行号*/
/*pre code {*/
/*  position: relative; !* 使伪元素相对于 code 定位 *!*/
/*  counter-reset: line; !* 初始化计数器 *!*/
/*  white-space: pre-wrap; !* 保持换行 *!*/
/*}*/
/*pre code::before {*/
/*  content: counter(line); !* 使用计数器 *!*/
/*  counter-increment: line; !* 每次应用时增加计数器 *!*/
/*  position: absolute; !* 绝对定位 *!*/
/*  right: 100%; !* 在代码文本的左侧 *!*/
/*  width: 3em; !* 行号的宽度 *!*/
/*  text-align: right; !* 文本右对齐 *!*/
/*}*/
pre {
  position: relative;
  background-color: #fafafa;
  font-size: 14px;
  padding: 8px 8px 0px 8px;
  overflow: hidden;
  border: 1px solid #ccc;
}

code.hljs {
  background-color: #fafafa !important;
  line-height: 22px;
  padding: 0 0 0.5em 2.2em !important;
  white-space: unset;
}

.pre-numbering {
  position: absolute;
  top: 8px;
  left: 0;
  width: 30px;
  /*border-right: 1px solid #c5c5c5;*/
  background-color: #fafafa;
  text-align: center;
  line-height: 22px;
  padding-left: 1rem;
}

.pre-numbering li {
  list-style: none;
  color: #383a42;
  font-size: 14px;
}



